<template>
  <div id="cart-list">
    <Scroll class="cart-scroll">
      <cart-item class="cart-item" v-for="(item,index) in cartlist" :key="index" :itemInfo="item"/>
    </Scroll>
  </div>
</template>

<script>
  import Scroll from "components/common/scroll/scroll.vue"
  import cartItem from "./CartListItem.vue"
  export default {
    components:{
      cartItem,
      Scroll
    },
    props:{
      cartlist:{
        type:Array,
        default(){
          return []
        }
      }
    }
  }
</script>

<style scoped>
 #cart-list{
    height: calc(100vh - 44px)
  }
  .cart-scroll{
    height: calc(100% - 44px - 49px - 44px);
    overflow: hidden;
  }
</style>
